<script setup>

</script>

<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style scoped>
#app {
  overflow: hidden;
  height: 100%;
  width: 100%;
  background-color: transparent;
}

body {
  overflow-x: hidden !important;
  height: 100%;
  width: 100%;
}

.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}</style>
